

<template>
  <div class="error-box">
    <div class="tip">NOT FOUND</div>
    <a-button type="primary"
              @click="goBack">返回上一页</a-button>
  </div>
</template>
<script setup lang='ts'>
import { useRouter } from "vue-router";

const router = useRouter();

const goBack = (): void => {
  router.go(-1);
};
</script>

<style scoped lang='scss'>
.error-box {
  width: 100%;
  height: 100%;
  padding: 100px 20px;
  text-align: center;
  .tip {
    font-size: 24px;
    font-weight: bold;
  }
}
</style>